import QtQuick 2.6
import QtQuick.Layouts 1.2

import "../../../Base/UiBase"
import "../../../Base/Config"

Rectangle {
    id: root

    width: parent.width
    height: parent.height
    color: Color.background

    MouseArea {
        z: -1
        anchors.fill: parent
    }
    ColumnLayout {
        anchors.fill: parent
        spacing: 0

        Rectangle {
            Layout.fillWidth: true
            Layout.preferredHeight: 65 * Size.ratio
            color: Color.foreground

            Text {
                anchors.centerIn: parent
                text: qsTr("分享")
                font.pixelSize: Size.titleFont
            }
        }

        Rectangle {
            Layout.fillWidth: true
            Layout.fillHeight: true
            color: Color.background

            Item {
                width: (110 + 140 + 110) * Size.ratio
                height: (110 + 86 + 110) * Size.ratio

                anchors {
                    verticalCenter: parent.verticalCenter
                    horizontalCenter: parent.horizontalCenter
                }
                SvgzImage {
                    anchors {
                        left: parent.left
                        top: parent.top
                    }

                    width: 110 * Size.ratio
                    height: 110 * Size.ratio
                    source: "../../../../resources/share/weixin.svg"
                }
                SvgzImage {
                    anchors {
                        right: parent.right
                        top: parent.top
                    }

                    width: 110 * Size.ratio
                    height: 110 * Size.ratio
                    source: "../../../../resources/share/qq.svg"
                }
                SvgzImage {
                    anchors {
                        left: parent.left
                        bottom: parent.bottom
                    }

                    width: 110 * Size.ratio
                    height: 110 * Size.ratio
                    source: "../../../../resources/share/weibo.svg"
                }
                SvgzImage {
                    anchors {
                        right: parent.right
                        bottom: parent.bottom
                    }

                    width: 110 * Size.ratio
                    height: 110 * Size.ratio
                    source: "../../../../resources/share/qqkongjian.svg"
                }
            }
        }
        Rectangle {
            Layout.alignment: Qt.AlignBottom
            Layout.fillWidth: true
            Layout.preferredHeight: 100 * Size.ratio
            color: Color.foreground
        }
    }
}
